body, html {
    height: 100%;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7;
  }
  
  .container {
    display: flex;
    flex-direction: column;
    width: auto; 
  }
  
  .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 2px;
  }
  
  .table-cell {
    display: flex;
    align-items: center; 
    justify-content: center; 
    width: 90px;
    height: 25px;
    border: 2px solid #1171ef; 
    transition: background-color 0.3s, color 0.3s;
    margin-right: 2px;
  }
  
  
  .table-cell:hover {
    background-color: #0f25e9; 
    color: yellow;
  }